const GenderCheckbox = () => {
  return (
    <div className="flex justify-center mt-2">
      <div className="form-control">
        <label htmlFor="Male" className="label gap-2 cursor-pointer">
          <span className="label-text mr-1">Male</span>
          <input
            id="Male"
            type="checkbox"
            className="checkbox border-slate-900 align-middle"
          />
        </label>
      </div>

      <div className="form-control">
        <label htmlFor="Female" className="label gap-2 cursor-pointer">
          <span className="label-text mr-1">Female</span>
          <input
            id="Female"
            type="checkbox"
            className="checkbox border-slate-900 align-middle"
          />
        </label>
      </div>
    </div>
  );
};

export default GenderCheckbox;
